<template>
  <view class="cu-reclaimss" @click.stop="onClick">
  	<view class="cu-reclaims">
  		<view class="cu-reclaim">
			<slot />
  		</view>
  	</view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      BASEURL: BASEURL,
      imageList: [],
      atts: [],
    };
  },
  methods: {
    onClick() {
    	this.$emit('click')
    }
	}
};
</script>

<style scoped>
	.cu-reclaim {
		height: 220upx;
		width: 220upx;
		border-radius: 110upx 110upx 110upx 110upx;
		background-color: rgba(50, 186, 120, 1);
		position: absolute;
		top: 20upx;
		left: 20upx;
	}
	@keyframes one-reclaim {
		0% {
			opacity: 0;
			transform: scale(0.5);
		}
	
		100% {
			opacity: 1;
			transform: scale(1);
		}
	}
	.cu-reclaims {
		background-color: rgba(50, 186, 120, 0.5);
		height: 260upx;
		width: 260upx;
		border-radius: 130upx 130upx 130upx 130upx;
		position: absolute;
		top: 50upx;
		left: 50upx;
	}
	
	.cu-reclaimss {
		background-color: rgba(50, 186, 120, 0.3);
		height: 360upx;
		width: 360upx;
		margin: 0 auto;
		border-radius: 180upx 180upx 180upx 180upx;
		position: relative;
		animation: one-reclaim 0.6s infinite linear;
		animation-direction: alternate;
	}
</style>
